.color-preview {
      width: 100%;
      height: 100px;
      border-radius: 4px;
      margin-bottom: 15px;
    }
    .result-table {
      margin-top: 0px;
    }
    .form-section {
      padding: 20px;
      background-color: #f0f0f0;
      border-radius: 4px;
          height: 100%;
    }
    .layui-form-labels{
          float: left;
      display: block;
      padding: 9px 15px;
      width: 5%;
      font-weight: 400;
      line-height: 20px;
      text-align: right;
      background: #9e9e9e26;
    }
    .layui-form-lab-input{
      width: 60%;
    }
    .layui-input-lab-block{
      width: 26%;
      float: left;
      margin: 0px;
    }
    .layui-input-select-block{
      width: 23%;
      float: left;
      margin: 0px;
    }
    .layui-img-flex{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 5px;
    }
    .layui-img-flex span{
      font-size: 12px;
      margin-left: 4px;
    }
    .layui-img-flex img{
      width: 18px;
    }
    .layui-form-label{
      width: 15%;
    }
    .layui-form-tabs-label{
      width: 8%;
    }
    .laayui-form-h3{
      margin-bottom: 5px;
    }
    .layui-rows {
      display: flex;
      align-items: stretch; /* 确保子项等高 */
    }
    .layui-table-header tr{
          background: #f8f8f8;
    }
   
    .layui-btn-xlg{
      height: 48px;
      line-height: 48px;
      padding: 0 48px;
      font-size: 16px;
    }
    .layui-daohang{
          background: #f0f0f0;
          width: 100%;
          text-align: center;
    }
    .layui-btn-white{
      background: #fff;
    }
    .layui-tabs{
        padding: 0 20px;
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 40px;
        display: inline-block;
        list-style: none;
        font-size: 14px;
        font-weight: 500;
        color: #303133;
        border-right: 1px solid #fff;
    }
    .layui-tabs-left{
      text-align: right;
      margin-right: 10px;
    }
    .layui-this{
      border-right: 1px solid #1e9fff;
      color: #1e9fff;
    }
    .layui-tabs:hover {
      color: #1e9fff;
      cursor: context-menu;
    }
    .layui-input-tags-block{
        width: 80%;
        float: left;
        margin: 0px;
    }
    .layui-input-tags-cm-block{
        width: 58%;
        float: left;
        margin: 0px;
    }
    .layui-tabs-margin-bottom{
      margin-bottom: 22px;
    }
    .layui-tabs-text-align{
          text-align: center;
              padding: 0;
    }
    .layui-form-switch{
      margin-top: 0;
    }
    .layui-form-tags-label{
      width: 18%;
    }
    .layui-form-tags-cm-label{
      width: 28%;
    }
    .layui-form-tags-input-6{
      width: 50%!important;
    }
    .layui-tab-brief>.layui-gp-ul{
      border-bottom: 2px solid #c2c2c2;
    height: 39px;
    }
    .layui-tab-brief>.layui-gp-ul .layui-this{
      color: #1E9FFF;
      border-right: unset;
    }
    .layui-tab-brief>.layui-gp-ul .layui-this:after{
      border-bottom: 2px solid #1E9FFF;
    }
    .layui-gp-content-tab1{
          border-radius: 10px;
        padding: 30px 20px;
        margin: 0px;
        text-align: center;
    }
    .layui-form-gp-form-label{
      width: auto;
      padding: 9px 0px;
      font-size: 12px;
    }
    .layui-form-gp-form-input{
      max-width: 30%;
    }
    .layui-form-gp-form-select-label{
      width: 40px;
      padding: 9px 0px;
      font-size: 12px;
      margin-right: 6px;
    }
    .layui-form-gp-form-select{
      max-width: 60%;
    }

    .layui-form-gp-form-textarea {
      width: 140px;
      height: 240px;
      font-size: 14px;
      border: 1px solid #ccc;
      color: #333;
      line-height: 16px;
      padding: 6px 14px;
      font-family: Arial;
    }
    .layui-form-line{
      font-size: 12px;
    }
    .layui-form-but{
      margin-top: 15px;
    }
    .layui-gp-up{
      text-align: center;
    }
    .layui-gp-up-filetblebody{
      display: none;
    }
    .layui-gp-up-show{
      display: block;
    }
    .layui-table-cell{
      padding: 0px;
      text-align: center;
    }
    .layui-table-cell, .layui-table-tool-panel li{
      overflow:unset;
    }
    @media screen and (max-width: 992px) {
      .layui-form-item .layui-form-label{
        overflow:unset;
      }
      .layui-tabs{
         display: block;
      }
      
      .layui-rows {
      display: unset;
      }
      .layui-input, .layui-textarea,.layui-form-line-center , .layui-gp-up {
        text-align: center!important;
      }
     .layui-form-label {
          /*min-width: 20%;*/

          padding: 9px 5px;
          font-size: 11px;
      }

      .laayui-form-h3{
        background: #9e9e9e36;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin: 0 auto 30px;
      }
      .layui-form-tabs-label{
        /*min-width: 10%;*/
        padding: 9px 10px;
      }
      .layui-input-lab-block{
            max-width: 25%;
      }
      .layui-form-labels{
        float: none;
        text-align: center;
        width: auto;
        border: 1px solid #9e9e9e36;
      }
      .layui-form-lab-input {
        width: 100%;
      }
      .layui-input-select-block{
        width: 75%;
      }
      .layui-input-but-block{
        margin-left: 0px;
      }
      .layui-btn-but{
        width: 100%;
      }
      .layui-table-cell{
        height:auto;
        white-space: unset;
      }
      .layui-btn-xlg {
        padding: 0;
      }
      .layui-form-tags-label{
        margin-left: 6%;
      }
      .layui-form-tags-select-input{
        min-width: 50%;
      }
      .layui-form-gp-form-textarea {
      width: 92%;
      margin-bottom: 15px;
      } 
      .layui-form-gp-form-input{
        margin: 0!important;
        float:left!important;

        max-width: 100%;
      }
      .layui-form-gp-form-select-label,.layui-form-gp-form-label{
        min-width: auto;
      } 
      .layui-form-gp-form-mid{
        margin: 0!important;
        top: 0px!important;
      }
      .layui-form-gp-form-select{
         margin: 0 0 10px 65px!important;
      }
    }
     #TabsHeader .layui-btn.layui-this{border-color: #eee; color: unset; background: none;}
    #TabsBody .test-item{display: none;}